﻿*{margin:0;padding:0;}
body{background:#fff; font-family:Arial,'Microsoft YaHei',SimHei,SimSun; font-size:12px; overflow-x:hidden; line-height:22px;}
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,tr,dl,dd,select,option{ margin:0; padding:0;}
li,img,input,em,select{ list-style:none; border:none; font-style:normal; outline:none;}
a{ text-decoration:none !important; cursor:pointer !important;}
select::-ms-expand { display: none;}
.img-none{display:none !important;}
.img-position-absolute{position: absolute;	top: 0;	bottom: 0; left: 0;	right: 0; max-width:100%; max-height: 100%;display: block;	margin:auto;padding:auto;}

.wrap{ max-width:1200px !important; margin:0 auto;}

header{width:100%; float:left; background:url(../images/header_bj.jpg) repeat-x left top; height:114px;}
.header{width:100%; float:left;}
.logo{float:left; padding:22px 0 9px 0;}
.logo img{float:left; width:100%; max-width:294px; max-height:30px;}
.header_R{float:right; padding-top:25px;}
.header_nav{float:left;position:relative; box-shadow:1px 1px 1px rgba(0,0,0,0.3); border-radius:3px;}
.header_nav_p{display:block; overflow:hidden; height:29px; line-height:29px; background:url(../images/header_logo1.png) no-repeat left center,url(../images/header_jiantou.png) no-repeat right center,url(../images/header_bj2.jpg) repeat-x left center; border-radius:3px; padding:0 24px 0 33px; font-family:SimSun; font-size:12px; color:#444444; cursor:pointer;}
.header_nav_ul{display:none; width:100%; float:left; position:absolute; left:0; top:100%; background:#e4e4e4; z-index:99999;}
.header_nav_ul li{display:block; overflow:hidden;}
.header_nav_ul li a{display:block; overflow:hidden; height:30px; line-height:30px; text-align:center; font-family:SimSun; font-size:14px; color:#444444; transition:all 0.4s;}
.header_nav_ul li a:hover{background:#dc2121; color:#fff;}

.header_dianhua{float:left; height:29px; line-height:29px; background:url(../images/header_bj2.jpg) repeat-x left center; padding:0 11px; font-family:Arial; font-size:14px; color:#b80606; font-weight:bold;box-shadow:1px 1px 1px rgba(0,0,0,0.3); border-radius:3px; margin:0 15px;}
.header_dianhua span{display:block; overflow:hidden; background:url(../images/header_dianhua.png) no-repeat left center; padding-left:22px;}

.header_form{float:right;}
.header_inp1{width:154px; float:left; height:29px; background:#fff; border:1px solid #d4d4d4; border-radius:3px 0 0 3px; box-shadow:inset 1px 0 5px rgba(0,0,0,0.4); padding:0 10px; font-family:Arial; font-size:12px; color:#333; border-right:none;}
.header_form input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #a2a2a2;} 
.header_form input:-moz-placeholder, textarea:-moz-placeholder {color: #a2a2a2;} 
.header_btn{width:35px; float:left; height:29px; background:url(../images/search_ss.png) no-repeat center center;}

nav{width:100%; float:left;}
nav ul{width:100%; float:left;}
nav ul li{width:13.8%; float:left; text-align:center;}
nav ul li a{display:inline-table; height:48px; line-height:48px; overflow:hidden; text-align:center; font-family:'Microsoft YaHei'; font-size:15px; color:#4a4a4a; transition:all 0.4s;}
nav ul li a span{background:url(../images/nav_jiantou.png) no-repeat right center; padding-right:28px;}
nav ul li:first-child{background:url(../images/nav_logo.png) no-repeat left center;}
nav ul li a:hover{color:#dc2121;}

/*banner图*/
.banner{width:100%; float:left; position:relative;}
.banner .banner-imgbox{width:100%; float:left;}
.banner .banner-imgbox .swiper-slide{background-repeat:no-repeat; background-position:center center; background-size:cover;}
.banner .banner-imgbox .swiper-slide .banner_img_top{padding-top:43.5751%;}
.banner .banner-imgbox .swiper-slide img{width:100%; height:auto; display:block;}
.banner .swiper-pagination {position: absolute; right:0; bottom:38px;}
.banner .swiper-pagination-bullet {width:14px; height:14px; border:1px solid #fff; opacity:1; background:none; border-radius:50%; margin:0 8px;}
.banner .swiper-pagination-bullet-active{opacity:1;background:#fff;}
.banner .next{right:2%; position:absolute;top:50%; margin-top:-26px; width:32px; height:52px; background:url(../images/next.jpg) no-repeat center center; overflow:hidden; opacity:0;  cursor:pointer; z-index:999999; transition:all 0.4s;}
.banner .prev{left:2%; position:absolute;top:50%; margin-top:-26px; width:32px; height:52px; background:url(../images/prev.jpg) no-repeat center center; overflow:hidden; opacity:0; cursor:pointer; z-index:999999; transition:all 0.4s;}
.banner:hover .next{opacity:1;}
.banner:hover .prev{opacity:1;}
/*END*/
.banner_cp{width:100%; float:left; position:absolute; left:0; bottom:44px; z-index:99999;}
.banner_cp_ul{width:100%; float:left; border-top:3px solid #b80606; padding-top:4px; position:relative;}
.banner_cp_ul li{width:290px; float:left; background:url(../images/cp_bj.png) no-repeat center center; background-size:cover; transform:skew(-19deg); -ms-transform:skew(-19deg); -webkit-transform:skew(-19deg);}
.banner_cp_ul li a{display:block; height:138px; overflow:hidden; padding:15px 20px; position:relative; transform:skew(19deg); -ms-transform:skew(19deg); -webkit-transform:skew(19deg);}
.banner_cp_ul li a .banner_cp_img{width:130px; position:relative; float:left; height:90px; margin-right:15px;}
.banner_cp_ul li a .banner_cp_img img:last-child{opacity:1; transition:all 0.4s;}
.banner_cp_ul li a .banner_cp_p{display:block; overflow:hidden; height:30px; line-height:30px; font-family:'Microsoft YaHei'; font-size:18px; color:#3d3d3d; margin-top:10px;}
.banner_cp_ul li a .banner_cp_sp{display:block; overflow:hidden; height:22px; line-height:22px; font-family:'Microsoft YaHei'; font-size:12px; color:#858585; text-transform:uppercase;}
.banner_cp_ul li a .banner_cp_more{width:142px; float:right; height:31px; line-height:31px; position:absolute; right:10px; bottom:0; background:url(../images/cp_more_bj.png) no-repeat center center; text-align:center; font-family:SimSun; font-size:12px; color:#fff; font-weight:bold;}
.banner_cp_ul li a .banner_cp_more span{display:inline-table; padding-left:24px; background:url(../images/cp_more_logo.png) no-repeat left center;}
.banner_cp_ul li a:hover .banner_cp_img img:last-child{ opacity:0;}
.banner_cp_ul li:first-child{width:320px; transform:skew(0); -ms-transform:skew(0); -webkit-transform:skew(0); background:url(../images/cp_bj2.png) no-repeat center center; background-size:cover;}
.banner_cp_ul li:first-child a{transform:skew(0); -ms-transform:skew(0); -webkit-transform:skew(0);}
.banner_cp_ul li:first-child a .banner_cp_more{right:35px;}
.banner_cp_ul li:nth-child(2){margin-left:-20px;}
.banner_cp_ul li:nth-child(3){margin-left:5px;}
.banner_more{width:331px; float:right; position:absolute; right:0; top:4px; z-index:9;}
.banner_more a{display:block; overflow:hidden; height:138px; background:url(../images/cp_more.png) no-repeat center center; background-size:cover;}


main{width:100%; float:left;}
.news{width:100%; float:left; overflow:hidden; background:url(../images/news_bj.jpg) repeat left top; padding-bottom:95px;}
.news_title{display:block; overflow:hidden; height:80px;}
.news_p{float:left; height:80px; line-height:78px; border-bottom:2px solid #9d0909; background:url(../images/news_jiantou.png) no-repeat center top; font-family:'Microsoft YaHei'; font-size:20px; color:#202020; font-weight:bold; padding-right:20px;}
.news_sp{float:left; line-height:78px; font-family:'Microsoft YaHei Light'; font-size:18px; color:#605f5f; text-transform:uppercase;}
.news_contect{display:block; position:relative; padding:30px 0 0 0; border-bottom:1px solid #a7a7a7;}
/*响应式轮播图*/
.news-imgbox .swiper-slide { border-right:1px solid #a7a7a7; padding:0 35px; position:relative; min-height:205px;}
.news-imgbox .swiper-slide .news_shutiao{width:1px; height:30px; background:#9d0909; float:left; position:absolute; right:-1px; top:0;}
.news-imgbox .swiper-slide .news_pp{width:92px; display:block; overflow:hidden; height:30px; line-height:30px; background:rgba(255, 255, 255, 0.6) none repeat scroll 0 0 !important; background-color:#fff; text-align:center; font-family:Arial; font-size:14px; color:#959595; box-shadow:3px 3px 0 rgba(0,0,0,0.3);}
.news-imgbox .swiper-slide .news_spp{ display:block; overflow:hidden; height:30px; line-height:30px; margin-top:10px; font-family:'Microsoft YaHei'; font-size:14px; color:#424242;}
.news-imgbox .swiper-slide .news_txt{ display:block; overflow:hidden; height:54px; line-height:18px; margin-top:10px; font-family:'Microsoft YaHei'; font-size:12px; color:#717171;}
.news-imgbox .swiper-slide .news_more{width:80px; height:22px; display:block; line-height:22px; overflow:hidden; background:#3b3b3b; border-radius:3px; text-align:center; font-family:SimSun; font-size:12px; color:#b1b1b1;}
.news-imgbox .swiper-slide .news_more span{width:22px; float:right; height:22px; color:#fff; background:#ad1b1b;}
.news-next{right:-20px; position:absolute; bottom:-11px; width:12px; height:22px; background:url(../images/news_R.png) no-repeat center center; overflow:hidden; opacity:1;  cursor:pointer;}
.news-prev{left:-20px; position:absolute; bottom:-11px; width:12px; height:22px; background:url(../images/news_L.png) no-repeat center center; overflow:hidden; opacity:1; cursor:pointer;}
/*END*/

.gsjj{width:100%; float:left; background:url(../images/gsjj_bj.jpg) repeat left top; padding-bottom:60px; border-top:1px solid #9a9a9a; min-height:276px;}
.gsjj_title{display:block; overflow:hidden; line-height:65px; margin-top:-67px;}
.gsjj_p{float:left;border-bottom:2px solid #9d0909; font-family:'Microsoft YaHei'; font-size:20px; color:#202020; font-weight:bold; padding-right:15px;}
.gsjj_sp{float:left; line-height:65px; font-family:'Microsoft YaHei Light'; font-size:18px; color:#605f5f; text-transform:uppercase;}
.gsjj_img{width:596px; float:right; margin-top:-40px;}
.gsjj_img img{width:100%; display:block;}
.gsjj_txt{display:block; overflow:hidden; font-family:'Microsoft YaHei'; font-size:13px; color:#fff; line-height:22px; padding:30px 40px 0 0;}
.gsjj_txt span{font-size:15px; font-weight:bold;}
.gsjj_more{width:134px; display:block; overflow:hidden; margin-top:30px;}
.gsjj_more a{display:block; overflow:hidden; height:40px; line-height:40px; font-family:'Microsoft YaHei'; font-size:14px; color:#fff; background:url(../images/gsjj_more_bj.png) no-repeat center center; text-align:center; text-decoration:underline !important;}

.xpfb{width:100%; overflow:hidden; background:url(../images/xp_bj.jpg) no-repeat center center; background-size:cover; padding:30px 0;}
.xpfb_title{display:block; line-height:65px; overflow:hidden;}
.xpfb_p{float:left; border-bottom:2px solid #9d0909; font-family:'Microsoft YaHei'; font-size:20px; color:#fff; padding-right:15px;}
.xpfb_sp{display:block; height:67px; border-bottom:1px solid rgba(255,255,255,0.4); font-family:'Microsoft YaHei Light'; font-size:18px; color:#fff; opacity:0.5; text-transform:uppercase;}
.xpfb_ul{display:block; overflow:hidden; padding-top:28px; width:1231px;}
.xpfb_ul li{width:215px; float:left; margin:0 31px 25px 0;}
.xpfb_ul li .xpfb_img{width:100%; overflow:hidden; position:relative; background:url(../images/xp_img_bj.png) no-repeat center center; background-size:cover; border-radius:5px 5px 0 0;}
.xpfb_ul li .xpfb_img .xpfb_img_top{padding-top:71.628%;}
.xpfb_ul li .xpfb_txt{display:block; overflow:hidden; height:42px; line-height:42px; text-align:center; background:url(../images/xp_txt_bj.png) no-repeat center center; background-size:100% 100%; border-radius:0 0 5px 5px; font-family:'Microsoft YaHei'; font-size:14px; color:#fff;}

footer{width:100%; float:left; background:url(../images/footer_bj.jpg) repeat-x left top #e5e5e5; padding:38px 0 28px 0;}
.footer_L{width:50%; float:left;}
.footer_nav{display:block; overflow:hidden; line-height:30px; font-family:'Microsoft YaHei'; font-size:12px; color:#292929; margin-left:-20px;}
.footer_nav a{color:#292929; margin:0 20px;}
.footer_nav a:hover{color:#f00; text-decoration:underline !important;}
.footer_txt{display:block; overflow:hidden; line-height:30px; font-family:'Microsoft YaHei'; font-size:12px; color:#7f7e7e;}
.footer_R{width:50%; float:right; padding-top:18px;}
.footer_icon{float:right; padding-top:7px;}
.footer_icon a{float:left; margin:0 15px;}
.footer_form{float:right; margin-right:45px;}
.footer_inp1{width:216px; float:left; height:33px; line-height:31px; border:1px solid #c2c2c2; background:#e5e5e5; padding:0 10px; font-family:'Microsoft YaHei'; font-size:12px; color:#888888;}
.footer_btn{width:33px; float:left; height:33px; background:url(../images/footer_ss.jpg) no-repeat center center;}


/*手机底部*/
.hot{width:100%; height:58px; position:fixed; bottom:0; left:0; z-index:9999999999999; border-top:solid 2px #fff; background:#000;}
.hot span{ color:#fff; font-size:16px; line-height:20px; text-align:center !important;}
.hot h6{ font-size:12px; line-height:20px; text-align:center !important;}
.hot .row{margin:0 !important;}
.hot .row div{padding:0 !important;}
.hot .row div a{ display:block; color:#fff; padding:7px 0;}
.hot .row div:hover a{background:#b80606;}
.dbbox{ position: fixed; left: 0; bottom:70px; z-index:99; width: 100%;}
.dbbox .dbs{ position: relative; padding: 0 15px; display:none;}
.dbbox .dbs .neirong{padding: 10px; background: #fff; border-radius: 5px; border:2px solid #b80606;}
.dbbox .dbs.ewm-box{ text-align:center; }
.dbbox .dbs.ewm-box:after{ content: ""; position: absolute; left:50%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.fenxiang-box:after{ content: ""; position: absolute; left:75%; bottom:-6px; z-index: 1; width:25%; height:6px; background: url(../images/icon/dbtc_jt.png) no-repeat center;}
.dbbox .dbs.ewm-box img{ max-width: 140px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 .li{ position: relative; padding: 6px 0; width: 20%; height: 44px; }
.dbbox .dbs.fenxiang-box .bdshare-button-style1-32 a{ position: absolute; left: 50%; top:6px; margin:0 0 0 -16px; float: inherit !important; display: block; }

/*丸五介绍*/
.main{width:100%; overflow:hidden; background:url(../images/main_bj.jpg) repeat-x left top #dfdfdf; padding:46px 0;}
.dqwz_title{display:block; line-height:57px; overflow:hidden; padding-bottom:14px; background:url(../images/about_heng.jpg) repeat-x left bottom;}
.dqwz_p{float:left; font-family:'Microsoft YaHei Light'; font-size:26px; color:#101010; padding:0 10px 0 25px; background:url(../images/about_shutiao.jpg) no-repeat left center;}
.dqwz_sp{float:left; font-family:'Microsoft YaHei'; font-size:14px; color:#616161; text-transform:uppercase;}
.dqwz_nav{float:right;}
.dqwz_nav li{float:left; margin-left:5px; height:auto;}
.dqwz_nav li img{width:80px; float:left; height:57px; margin-right:5px;}
.dqwz_nav li .dqwz_navB{display:inline-block; overflow:hidden;}
.dqwz_nav li .dqwz_pp{display:block; overflow:hidden; height:25px; line-height:25px; margin-top:5px; font-family:'Microsoft YaHei'; font-size:14px; color:#2b2b2b; transition:all 0.4s;}
.dqwz_nav li .dqwz_spp{display:block; overflow:hidden; height:20px; line-height:20px; margin-top:5px; font-family:SimSun; font-size:12px; color:#575757; transition:all 0.4s;}
.dqwz_nav li:hover .dqwz_pp{color:#b80606;}
.dqwz_nav li:hover .dqwz_spp{color:#b80606;}
.dqwz_contect{display:block; overflow:hidden; margin-top:50px;}
.company{display:block; overflow:hidden; padding:25px; font-family:'Microsoft YaHei'; font-size:16px; color:#444444; line-height:36px; background:#fff;}
.company span{ font-weight:bold;}

/*新品发布*/
.ncp_ul{display:block; overflow:hidden; width:1224px;}
.ncp_ul li{width:588px; float:left; margin:0 24px 24px 0;}
.ncp_ul li .ncp_p{display:block; overflow:hidden; height:58px; line-height:58px; background:#ececec; padding:0 25px; font-family:'Microsoft YaHei'; font-size:18px; color:#323232;}
.ncp_ul li .ncp_p span{width:92px; float:right; height:32px; line-height:32px; text-align:center; font-size:14px; color:#b80606; border-radius:5px; background: -webkit-linear-gradient(#fff, #d6d6d6); background: -o-linear-gradient(#fff, #d6d6d6);  background: -moz-linear-gradient(#fff, #d6d6d6); background: linear-gradient(#fff, #d6d6d6); margin-top:15px;}
.ncp_ul li .ncp_B{display:block; overflow:hidden; padding:20px; background:#fff;}
.ncp_ul li .ncp_B .ncp_img{width:287px; float:left; position:relative; margin-right:20px; overflow:hidden;}
.ncp_ul li .ncp_B .ncp_img_top{padding-top:89.8955%;}
.ncp_ul li .ncp_B .ncp_img img{transition:all 1s;}
.ncp_ul li .ncp_B .ncp_txt{display:block; overflow:hidden; border-bottom:1px solid #efefef; padding-bottom:20px;}
.ncp_ul li .ncp_B .ncp_txt p{display:block; overflow:hidden; margin-bottom:10px; line-height:18px; font-family:'Microsoft YaHei'; font-size:14px; color:#5b5b5b;}
.ncp_ul li .ncp_B .ncp_txt p span{font-weight:bold; float:left; line-height:36px; margin-right:10px;}
.ncp_ul li .ncp_B .ncp_txt p:first-child{line-height:36px;}
.ncp_ul li .ncp_B .ncp_more{display:block; overflow:hidden; border:1px solid #e7acac; border-radius:5px; margin-top:20px;}
.ncp_ul li .ncp_B .ncp_more a{display:block; overflow:hidden; line-height:44px; text-align:center; font-family:'Microsoft YaHei'; font-size:14px; color:#b80606; transition:all 0.4s;}
.ncp_ul li .ncp_B .ncp_more a:hover{background:#b80606; color:#fff;}
.ncp_ul li .ncp_B .ncp_img:hover img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}

/*产品中心*/
.pro_ul{display:block; overflow:hidden;}
.pro_ul li{display:block; overflow:hidden; background: -webkit-linear-gradient(#fff, #dfdfdf); background: -o-linear-gradient(#fff, #dfdfdf);  background: -moz-linear-gradient(#fff, #dfdfdf); background: linear-gradient(#fff, #dfdfdf); padding:40px; margin-bottom:40px;}
.pro_ul li .pro_L{width:181px; float:left; margin-right:35px;}
.pro_ul li .pro_L .pro_img{width:100%; overflow:hidden; position:relative;}
.pro_ul li .pro_L .pro_img .pro_img_top{padding-top:67.403315%;}
.pro_ul li .pro_L .pro_txt{display:block; height:36px; line-height:34px; text-align:center; overflow:hidden; margin-top:10px; border:1px solid #ccc; font-family:'Microsoft YaHei'; font-size:18px; color:#2b2b2b;}
.pro_ul li .pro_L .pro_txt span{float:right; width:40px; height:34px;  border-left:1px solid #ccc; background:url(../images/pro_jiantou.png) no-repeat center center;}
.pro_ul li .pro_B{display:block; overflow:hidden; border-left:1px solid #ccc; min-height:168px; line-height:30px; padding:0 18px;}
.pro_ul li .pro_B a{ float:left; font-family:'Microsoft YaHei'; font-size:15px; color:#595959; margin:0 18px;}
.pro_ul li .pro_B a:hover{color:#c53535;}

.cp_ul{display:block; overflow:hidden; }
.cp_ul li{display:block; overflow:hidden; margin-bottom:40px;}
.cp_ul li .cp_L{width:121px; float:left; height:121px; background:url(../images/cp1_yuan.png) no-repeat center center; background-size:100% 100%; align-items:center; display:flex; justify-content:center; text-align:center; margin-right:45px;}
.cp_ul li .cp_L .cp_L_p{width:100%; display:block;overflow:hidden; line-height:16px; font-family:Arial; font-size:12px; color:#747474; text-transform:uppercase;}
.cp_ul li .cp_L .cp_L_p span{display:block;overflow:hidden; line-height:24px; font-family:'Microsoft YaHei'; font-size:18px; color:#2b2b2b; font-weight:bold;}
.cp_ul li .cp_dl{display:block; overflow:hidden; background-color: #f8faf5;}
.cp_ul li .cp_dl dd{width:23%; float:left; margin:0 1% 20px 1%;}
.cp_ul li .cp_dl dd .cp_img{width:100%; overflow:hidden; max-width:250px; margin:0 auto; position:relative;}
.cp_ul li .cp_dl dd .cp_img .cp_img_top{padding-top:69.87952%;}
.cp_ul li .cp_dl dd .cp_img img{transition:all 1s;}
.cp_ul li .cp_dl dd .cp_txt{display:block; overflow:hidden; height:24px; line-height:24px; margin-top:10px; text-align:center; font-family:'Microsoft YaHei'; font-size:16px; color:#3a3a3a;}
.cp_ul li .cp_dl dd:hover .cp_img img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}

.cpxq{display:block; overflow:hidden; background:#f6f6f6;}
.cpxq_T{display:block; overflow:hidden; height:64px; line-height:64px; font-family:'Microsoft YaHei'; font-size:18px; color:#3e3e3e; background: -webkit-linear-gradient(#fff, #e8e8e8); background: -o-linear-gradient(#fff, #e8e8e8);  background: -moz-linear-gradient(#fff, #e8e8e8); background: linear-gradient(#fff, #e8e8e8); padding:0 25px;}
.cpxq_B{display:block; overflow:hidden; padding:35px 25px;}
.cpxq_L{width:50%; float:left; margin-right:50px;}
.pc-slide {width:100%; overflow:hidden;}
.view .swiper-container {width:395px; float:right; height: auto;}
.view .swiper-slide{position:relative;}
.view .swiper-slide .cpxq_img_top{padding-top:88.6076%;}
.preview {width:95px; float:left; position: relative;}
.preview .swiper-container {width:100%; height:305px; margin:30px 0; position:relative; overflow:hidden;}
.preview .swiper-slide {width: 100%; height: auto; cursor:pointer; position:relative;border:1px solid #e4e4e4; margin-bottom:10px;}
.preview .swiper-slide .cpxq_img_top{padding-top:100%;}
.preview .arrow-left {background: url(../images/feel3.png) no-repeat left top; position: absolute; left:50%; top: 0; margin-left: -9px; width: 18px; height: 9px; z-index: 10;}
.preview .arrow-right {background: url(../images/feel4.png) no-repeat left bottom; position: absolute; left:50%; bottom:0; margin-left: -9px; width: 18px;	height: 9px; z-index: 10;}
.preview .active-nav{border: 1px solid #F00;}
.cpxq_txt{display:block; overflow:hidden; border-left: 1px solid #ccc; padding-left:80px; min-height:350px; font-family:'Microsoft YaHei'; font-size:14px; color:#5b5b5b; line-height:30px;}
.cpxq_txt span{float:left; width:80px; text-align:right; font-weight:bold; color:#3e3e3e; margin-right:10px;}
.cpxq_contect{width:100%; float:left; overflow:hidden; margin-top:40px; font-family:'Microsoft YaHei'; font-size:14px; color:#5b5b5b; line-height:30px;}
.cpxq_p{display:block; line-height:50px; overflow:hidden; border-bottom:1px solid #ccc; font-family:'Microsoft YaHei'; font-size:15px; color:#393939;}

/*新闻中心*/
.xw_ul{display:block; overflow:hidden; padding:35px 25px; background:#fff;}
.xw_ul li{display:block; overflow:hidden; margin-bottom:15px;}
.xw_ul li a{display:block; overflow:hidden; background:#efefef; border-radius:5px; padding:10px; transition:all 0.4s;}
.xw_ul li a .xw_img{width:139px; float:left; margin-right:15px; border-radius:5px;}
.xw_ul li a .xw_img .xw_img_top{padding-top:75.5396%;}
.xw_ul li a .xw_p{display:block; overflow:hidden; height:20px; line-height:20px; font-family:'Microsoft YaHei'; font-size:14px; color:#444444; font-weight:bold; transition:all 0.4s;}
.xw_ul li a .xw_sp{display:block; overflow:hidden; height:20px; line-height:20px; font-family:'Microsoft YaHei'; font-size:12px; color:#868686; transition:all 0.4s;}
.xw_ul li a .xw_txt{display:block; overflow:hidden; height:36px; line-height:18px; font-family:'Microsoft YaHei'; font-size:12px; color:#444444; margin-top:4px; transition:all 0.4s;}
.xw_ul li a .xw_more{display:block; overflow:hidden; height:20px; line-height:20px; font-family:SimSun; font-size:12px; color:#b80606; margin-top:4px; transition:all 0.4s;}
.xw_ul li a:hover{background:#b80606;}
.xw_ul li a:hover .xw_p{color:#fff;}
.xw_ul li a:hover .xw_sp{color:#fff;}
.xw_ul li a:hover .xw_txt{color:#fff;}
.xw_ul li a:hover .xw_more{color:#fff;}

.xwxq{display:block; overflow:hidden; background:#fff; padding:35px 25px;}
.xwxq_p{display:block; overflow:hidden; text-align:center; background:#efefef; border-radius:5px; padding:6px 0; line-height:24px; font-family:'Microsoft YaHei'; font-size:12px; color:#868686;}
.xwxq_p span{ font-family:'Microsoft YaHei'; font-size:18px; color:#444444; font-weight:bold;}
.xwxq_txt{display:block; overflow:hidden; font-family:'Microsoft YaHei'; font-size:14px; color:#5a5a5a; line-height:24px; padding-top:15px;}


/*联系我们*/
.contact{display:block; overflow:hidden; padding:35px 25px; background:#fff;}
.contact_txt{display:block; overflow:hidden; font-family:'Microsoft YaHei'; font-size:14px; color:#4f4f4f; line-height:36px;}
.contact_txt span{font-size:18px; color:#101010; font-weight:bold;}

.contact_B{display:block; overflow:hidden; margin-top:15px;}
#map{width:100%; overflow:hidden; height:auto;}
#dituContent {width: 100%;height:390px;}
.iw_poi_title {color: #CC5522;font-size: 14px;font-weight: bold;overflow: hidden;padding-right: 13px;white-space: nowrap;}
.iw_poi_content {font: 12px arial,sans-serif;overflow: visible;padding: 4px;white-space: -moz-pre-wrap;word-wrap: break-word;}

@media (max-width:1220px) {
header{padding:0 1%;}

.banner_cp {padding:0 1%;}
.banner_cp_ul li {width:25%; transform: skew(-15deg); -ms-transform: skew(-15deg); -webkit-transform: skew(-15deg);}
.banner_cp_ul li:first-child {width:26%; background: url(../images/cp_bj2.png) no-repeat center center; background-size: 100% 100%;}
.banner_cp_ul li:nth-child(2) {margin-left: -10px;}
.banner_more {width:250px;}
.banner_more a {background-size:100% 100%;}

.news {padding:0 1% 95px 1%;}
.gsjj {padding:0 1%;}
.xpfb {padding: 30px 1%;}
.xpfb_ul {width: 100%;}
.xpfb_ul li {width:18%; margin: 0 1% 25px 1%;}
footer {padding: 38px 1% 28px 1%;}

/*丸五介绍*/
.main{padding:40px 1%;}

/*新品发布*/
.ncp_ul{width:100%;}
.ncp_ul li{width:48%; margin:0 1% 24px 1%;}
.ncp_ul li .ncp_B .ncp_img{width:50%;}

/*产品中心*/
.pro_ul li{padding:30px; margin-bottom:30px;}
.pro_ul li .pro_L{margin-right:30px;}
.cpxq_L{width:55%;}

}

@media (max-width:991px){
header{position:relative; height:auto;}
.header_R {padding-top:0; position:absolute; right:80px; top:50%; margin-top:-15px;}
.logo {width:100%; position:relative; padding:20px 0;}
.icon-menu{float:right; cursor:pointer; width:52px; height:24px; background:url(../images/menu_logo.png) no-repeat center center; position:absolute;right:0;top:50%; margin-top:-12px; z-index:9999999; background-size:100% 100%;}

nav{width:150px; position:absolute; right:0; top:100%; z-index:9999999999999; display:none; background:rgba(0, 0, 0, 0.8) none repeat scroll 0 0 !important; background-color:#000; padding:2px;}
nav ul li{width:100%; border-bottom:1px solid #fff;}
nav ul li a {display:block; height:40px; line-height: 40px; font-size:14px; color: #fff;}
nav ul li a span {background: none; padding-right:0;}
nav ul li:first-child {background:none;}
nav ul li a:hover{background:#fff;}


.banner_cp {position:relative; bottom:0; padding:0; z-index:0;}
.banner_cp_ul {border-top: 3px solid #b80606; border-bottom: 3px solid #b80606;}
.banner_cp_ul li {width:48%; transform: skew(0); -ms-transform: skew(0); -webkit-transform: skew(0); margin:0 1% 4px 1%;}
.banner_cp_ul li a {transform: skew(0); -ms-transform: skew(0); -webkit-transform: skew(0);}
.banner_cp_ul li:first-child {width:48%; background: url(../images/cp_bj.png) no-repeat center center; background-size: cover;}
.banner_cp_ul li:nth-child(2) {margin:0 1% 4px 1%;}
.banner_cp_ul li:nth-child(3) {margin:0 1% 4px 1%;}
.banner_more {width: 48%; position:relative; top: 0; margin:0 1% 4px 1%;}

.news-imgbox .swiper-slide {padding: 0 20px;}
.gsjj_img {width: 45%;}
.footer_nav {margin-left: -15px;}
.footer_nav a {margin: 0 15px;}
.footer_icon a {margin: 0 10px;}
.footer_form {margin-right:15px;}
.footer_inp1 {width: 180px;}

/*丸五介绍*/
.main{padding:30px 1%;}
.dqwz_contect{margin-top:30px;}

/*新品发布*/
.ncp_ul li{width:98%; margin:0 1% 24px 1%;}
.ncp_ul li .ncp_B .ncp_img{width:287px;}

/*产品中心*/
.pro_ul li{padding:20px; margin-bottom:20px;}
.pro_ul li .pro_L{margin-right:20px;}
.cpxq_L{width:520px; float:none; margin:0 auto;}
.cpxq_txt{ border: 1px solid #ccc; padding:30px; margin-top:30px;}

}

@media (max-width:767px){
.logo img{width:80%;}

.banner_cp_ul li {width:98%;}
.banner_cp_ul li a {padding:10px;}
.banner_cp_ul li a .banner_cp_more {right: -15px;}
.banner_cp_ul li:first-child {width:98%;}
.banner_cp_ul li:first-child a .banner_cp_more {right:-15px;}
.banner_more {width:98%;}

.news {padding: 0 1% 15px 1%;}
.news_title {height:50px;}
.news_p {height:50px; line-height:48px;}
.news_sp {line-height:48px;}
.news_contect {padding:15px 0 0 0;}
.news-imgbox .swiper-slide {padding: 0;}

.gsjj {padding:0 1% 15px 1%; min-height:100%;}
.gsjj_title {line-height:50px; margin-top:0;}
.gsjj_sp {line-height:50px;}
.gsjj_img {width: 100%; margin-top:0; padding-top:15px;}
.gsjj_txt {padding:10px;}
.gsjj_more {margin:10px auto 0 auto;}

.xpfb {padding:15px 1%;}
.xpfb_title {line-height:48px;}
.xpfb_sp {height:50px;}
.xpfb_ul {padding-top:15px; width: 100%;}
.xpfb_ul li {width:48%; margin: 0 1% 10px 1%;}

footer{padding:20px 1% 15px 1%;}
.footer_L{width:100%; text-align:center;}
.footer_nav{line-height:22px; margin-left:0;}
.footer_nav a{margin:0 4px;}
.footer_txt{line-height:22px;}

/*丸五介绍*/
.main{padding:0 1% 15px 1%;}
.dqwz_title {line-height:50px; padding-bottom:0;}
.dqwz_p {width:100%; font-size: 20px; color: #fff; padding:0 20px; background: url(../images/sj_jiantou.png) no-repeat right center #bd1818;}
.dqwz_nav {width:100%; display:none;}
.dqwz_nav li {width:100%;margin:5px 0 0 0; border-bottom:1px solid #555;}
.dqwz_nav li a{display:block; overflow:hidden; padding-bottom:5px;}
.dqwz_nav li .dqwz_navB {display:block;}
.dqwz_contect{margin-top:15px;}
.company{padding:10px;}

/*新品发布*/
.ncp_ul li{width:98%; margin:0 1% 10px 1%;}
.ncp_ul li .ncp_B .ncp_img{width:287px;}
.ncp_ul li .ncp_p {height:50px; line-height:50px; padding:0 10px; font-size:16px;}
.ncp_ul li .ncp_p span {margin-top:10px;}
.ncp_ul li .ncp_B {padding:10px;}
.ncp_ul li .ncp_B .ncp_img {width: 100%; float: none; margin-right:0;}
.ncp_ul li .ncp_B .ncp_txt p {margin-bottom:0;}
.ncp_ul li .ncp_B .ncp_txt {padding-bottom:10px;}
.ncp_ul li .ncp_B .ncp_more {margin-top:10px;}

/*产品中心*/
.pro_ul li{padding:10px; margin-bottom:10px;}
.pro_ul li .pro_L{float:none; margin:0 auto;}
.pro_ul li .pro_B {border: 1px solid #ccc; line-height:20px; padding:10px; margin-top:10px;}
.pro_ul li .pro_B a {font-size:14px; margin: 0 5px;}

.cp_ul{background:url(../images/cp1_shutiao.jpg) repeat-y 30px top;}
.cp_ul li{margin-bottom:10px;}
.cp_ul li .cp_L{width:60px; height:60px; margin-right:10px;}
.cp_ul li .cp_L .cp_L_p{line-height:12px;}
.cp_ul li .cp_L .cp_L_p span{line-height:16px;font-size:14px;}
.cp_ul li .cp_dl dd{width:31.33%; margin:0 1% 10px 1%;}
.cp_ul li .cp_dl dd .cp_txt{margin-top:5px; font-size:14px;}
.cp_ul li .cp_dl dd:hover .cp_img img{transform: scale(1.1,1.1);-ms-transform: scale(1.1,1.1); -webkit-transform: scale(1.1,1.1);}

.cpxq_T{height:50px; line-height:50px; padding:0 10px;}
.cpxq_B{padding:10px;}
.cpxq_L{width:100%;}
.view .swiper-container {width:100%;}
.cpxq_txt{padding:10px; margin-top:10px;}
.cpxq_txt span{width:auto; margin-right:10px;}
.cpxq_contect{margin-top:10px;}

/*新闻中心*/
.xw_ul{padding:5px;}
.xw_ul li{margin-bottom:5px;}
.xw_ul li a{padding:5px;}
.xw_ul li a .xw_img{width:109px; margin-right:10px;}
.xw_ul li a .xw_more{display:none;}

.xwxq{padding:5px;}
.xwxq_txt{padding-top:10px;}

}


.load-more {padding: 24px 0;text-align: center;}
.load-more a, .load-more span { display: none; }
.load-more a.prev {display: inline-block;blockck;margin: 0 auto;width: 156px;height: 48px;background: #fff;border: 1px solid #aaaaaa;border-radius: 9px;text-align: center;line-height: 48px;color: #727474;font-size: 16px;transition: all 0.5s;}
.load-more a.prev:hover { border-color: #003c82; color: #003c82; }
.load-more a.next {display: inline-block;margin: 0 auto;width: 156px;height: 48px;background: #fff;border: 1px solid #aaaaaa;border-radius: 9px;text-align: center;line-height: 48px;color: #727474;font-size: 16px;transition: all 0.5s;}
.load-more a.next:hover { border-color: #003c82; color: #003c82; }